<div ng-controller="homeController">
    <!--banner-->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li ng-class="{active:$first}" ng-repeat="banner in bannerList" data-target="#myCarousel" data-slide-to="{{$index}}"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item" ng-class="{active:$first}" ng-repeat="banner in bannerList">
                <img ng-src="{{banner.url}}" alt="{{$index}}slide">
            </div>
        </div>
    </div>
    <!--banner-->
    <div class="container ad">
        <strong class="text-center wow slideInUp">零门槛制作，快速上线</strong>
        <span class="text-center wow slideInUp">无需编程敲代码，纯图形化操作，免去漫长的开发时间和高昂的成本</span>
        <div class="adBg1 wow slideInUp"></div>
    </div>
    <div class="ad2">
        <div class="container">
            <strong class="text-center wow slideInUp">国内优秀小程序各行业解决方案</strong>
            <span class="text-center wow slideInUp">完整强大的电商方案，商城、会员、支付、会员、订单、预约等功能马上上线</span>
            <img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/img2.png" class="hidden-xs hidden-sm hidden-md center-block wow slideInUp" alt="">
            <img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/simg2.png" alt="" class="center-block  hidden-lg img-responsive">
        </div>
    </div>
    <div class="container links">
        <strong class="text-center wow slideInUp">强大功能  覆盖行业广</strong>
        <ul class="">
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico01"></i>
                    <h3 class="text-center">官网小程序</h3>
                    <em class="text-center">多种模式轻松搭建，一键生成三秒上线</em>
                    <span>我要体验</span>
                </a>
            </li>
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico02"></i>
                    <h3 class="text-center">电商小程序</h3>
                    <em class="text-center">拖拽式小程序商城移动电商首选</em>
                    <span>我要体验</span>
                </a>
            </li>
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico03"></i>
                    <h3 class="text-center">预约小程序</h3>
                    <em class="text-center">小程序预约到店服务</em>
                    <span>我要体验</span>
                </a>
            </li>
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico04"></i>
                    <h3 class="text-center">点单小程序</h3>
                    <em class="text-center">小程序在线点单收银</em>
                    <span>我要体验</span>
                </a>
            </li>
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico05"></i>
                    <h3 class="text-center">外卖小程序</h3>
                    <em class="text-center">小程序线上下单线下送达</em>
                    <span>我要体验</span>
                </a>
            </li>
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico06"></i>
                    <h3 class="text-center">分销小程序</h3>
                    <em class="text-center">小程序分销，分享可得佣金</em>
                    <span>我要体验</span>
                </a>
            </li>
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico07"></i>
                    <h3 class="text-center">营销小程序</h3>
                    <em class="text-center">小程序营销，传播利器</em>
                    <span>我要体验</span>
                </a>
            </li>
            <li class="col-sm-3 col-xs-6 wow slideInUp">
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">
                    <i class="ico08"></i>
                    <h3 class="text-center">门店小程序</h3>
                    <em class="text-center">LBS精准引推荐线下引流，无缝对接</em>
                    <span>我要体验</span>
                </a>
            </li>
        </ul>
    </div>
</div>
<script>
$('#myCarousel').carousel({
    pause: true,
    interval: 3000
});
</script>